
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>RRA</title>
        <link rel="stylesheet" type="text/css"
              href="${pageContext.request.contextPath}/resources/css/redmond/jquery-ui-1.8.23.custom.css" />


        <link href="${pageContext.request.contextPath}/resources/css/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jquery.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/jquery-ui-1.8.22.custom.min.js"></script>

        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/styles.css" />
        <style type="text/css">
            #nonFiscalDiv{
                top: 55px;
                left: 405px; 
                width: 500px; 
                position: relative; 
                height: 395px;
            }
            #rraMenuDiv{
                position: relative;
                top: -355px;
                width: 300px;
                height: 200px;

            }

            .dropDown{
                width: 200px;
            }
        </style>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#codeType").change(function(){
                    
                    
                    
                    
                    var value = $("#codeType").val();
                    if(value == "JJ-101"){
                        $("#Tax-Type").html('<option value="Select One">Select One</option><option value="Refusal to comply">Refusal to comply</option>\n\
                                             <option value="Failure to report an accident">Failure to report an accident</option>\n\
                                             <option value="Failure to report an accident">Driving without a motorcycle helmet</option>\n\
                                             <option value="Break priority">Break priority</option>');
                    }
                    if(value == "JJ-102"){
                        $("#Tax-Type").html('<option value="Select One">Select One</option><option value="Court fines">Court fines</option>');
                    }
                    if(value == "JJ-103"){
                        $("#Tax-Type").html('<option value="Select One">Select One</option><option value="Fines in the area of trade">Fines in the area of trade</option>');
                    }
                    if(value == "JJ-104"){
                        $("#Tax-Type").html('<option value="Select One">Select One</option><option value="Delay contraventions penalty">Delay contraventions penalty</option>');
                    }
                    if(value == "RR-101"){
                        $("#Tax-Type").html('<option value="Select One">Select One</option><option value="Vehicle">Vehicle</option>');
                    }
                    if(value == "RR-102"){
                        $("#Tax-Type").html('<option value="Select One">Select One</option><option value="Rental of vehicles plates">Rental of vehicles plates</option>');
                    }
                    if(value == "RR-103"){
                        $("#Tax-Type").html('<option value="Select One">Select One</option><option value="Sale of usage objects of state">Sale of usage objects of state</option>');
                    }
                    if(value == "MM-101"){
                        $("#Tax-Type").html('<option value="Select One">Select One</option><option value="Diplomatic passport">Diplomatic passport</option>\n\
                                             <option value="Ordinary passport">Ordinary passport</option>\n\
                                             <option value="Service passport">Service passport</option>\n\
                                             <option value="C.P.G.L">C.P.G.L</option>');
                    }
                    if(value == "MM-102"){
                        $("#Tax-Type").html('<option value="Select One">Select One</option><option value="Stay Visa">Stay Visa</option>\n\
                                             <option value="Work permit">Work permit</option>\n\
                                             <option value="Foreigners registrationt">Foreigners registration</option>\n\
                                             <option value="Travel visa">Travel visa</option>');
                    }
                    if(value == "MM-103"){
                        $("#Tax-Type").html('<option value="Select One">Select One</option><option value="MM-103 Notarial acts">MM-103 Notarial acts</option>');
                    }
                    
                
                    
                });
                
                $("#taxSendBtn").click(function(){
                    if($("#codeType").val()== 'Select One' || $("#Tax-Type").val()== 'Select One'){
                        if($("#codeType").val()== 'Select One'){
                            alert("Select Code");
                            $("#codeType").focus();
                            return false;
                        }
                        if($("#Tax-Type").val()== 'Select One'){
                            alert("Select Code");
                            $("#Tax-Type").focus();
                            return false;
                        }
                    }else{
                        return true;
                    }
                });
                
                
                
            });
        </script>

    </head>
    <body>
        <div id="mian_body">
            <div class="main">
                <div class="header">
                    <div class="hbg">
                        <img src="${pageContext.request.contextPath}/resources/images/header-about.png" width="972" height="100" alt="" style="border-radius: 20px 20px 20px 20px;" />
                    </div>
                    <div class="clr"></div>
                </div>
                <div class="content">
                    <div class="content_bg">
                        <div class="mainbar">

                        </div>
                        <div class="sidebar">

                            <div id="nonFiscalDiv">
                                <div class="container">
                                    <ul class="options tabs2">
                                        <li id="listOne" class="active"><a href="#tab1">Non-Fiscal Revenue Form</a></li>

                                    </ul>

                                    <div class="tab_container2">

                                        <div id="tab1" class="tab_content2">

                                            <form method="POST" action="${pageContext.request.contextPath}/saveTaxType" id="taxTypeForm">
                                                <div class="st-blocked2">
                                                    <label for="tags">Code</label>
                                                    <select name="codeType" id="codeType" class="dropDown">
                                                        <option value="Select One">Select One</option>
                                                        <option value="JJ-101">JJ-101</option>
                                                        <option value="JJ-102">JJ-102</option>
                                                        <option value="JJ-103">JJ-103</option>
                                                        <option value="JJ-104">JJ-104</option>                                                
                                                        <option value="RR-101">RR-101</option>
                                                        <option value="RR-102">RR-102</option>
                                                        <option value="RR-103">RR-103</option>                                                
                                                        <option value="MM-101">MM-101</option>
                                                        <option value="MM-102">MM-102</option>
                                                        <option value="MM-103">MM-103</option>                                                
                                                    </select>
                                                </div>
                                                <div class="st-blocked2">
                                                    <label for="tags">Tax-Type</label>
                                                    <select name="codeName" id="Tax-Type" class="dropDown">
                                                        <option value="Select One">Select One</option>
                                                    </select>
                                                </div>


                                                <div class="st-blocked2">
                                                    <label for="tags"></label>
                                                    <div style="position: relative;left: 0px;top:8px;">
                                                        <!--<a class="button-h" href="#" id="sendEmailProfileMessage"><span>Submit</span></a>-->
                                                        <input type="submit" value="Submit" id="taxSendBtn"/>
                                                    </div>
                                                </div>
                                            </form>

                                        </div>


                                    </div>                                

                                </div>
                            </div>
                            <div id="rraMenuDiv">
                                <div class="right-nav">
                                    <ul>
                                        <li><a href="${pageContext.request.contextPath}/rraHome/rraLogin">DashBoard</a></li>                                  
                                        <li><a href="#">Reconciliation For E-Tax</a></li>
                                        <li class="current"><a href="#">System For Non-Fiscal Revenue Collection</a></li>
                                        <li><a href="#">Financial Statement For Fiscal and Non-Fiscal</a></li>
                                        <li><a href="#">Accounting System</a></li>                                   
                                    </ul>
                                </div>
                            </div>


                            <div class="clr"></div>
                        </div>
                    </div>
                    <div class="clr"></div>
                </div>
                <div class="clr"></div>
            </div>

            <div class="footer">
                <div class="footer_resize">
                    <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
                    <p class="rf">Layout by Cool <a href="#">Website Templates</a></p>
                    <div class="clr"></div>
                </div>
            </div>
        </div>
    </body>
</html>